/* Clearstyles */
/* colors*/  
/*orange - ff8004*/
/*blue - 0fa0cd*/
/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
*{ 
    margin:                 0; 
    padding:                0; 
}
html{ 
    overflow:               hide; 
}
ul{ 
    list-style:             none; 
}
p{ 
    font:                   1.3em/1.3em; 
    margin-bottom:          1.3em; 
}
a{ 
    outline:                none; 
}
a img{ 
    border:                 none; 
}
li{
    display:                inline;
}
li a{
    text-decoration:        none;
}
li a:hover{
    text-decoration:        none; 
    color:                  black;
}
A:link{
    text-decoration:        none; 
    color:                  white;
}
A:visited{
    text-decoration:        none; 
    color:                  white;
}
A:active{
    text-decoration:        none; 
    color:                  white;
}
A:hover{
    text-decoration:        underline; 
    color:                  #0fa0cd;
}
/* END RESET */

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft { 
    float:                  left; 
}
.floatright { 
    float:                  right; 
}
.clear { 
    clear:                  both; 
}
.invisible { 
    visibility:             hidden; 
}

/* END TOOLBOX */

/* Body and body container */

html {
    padding:                0px;
    margin:                 0px;	
}

body {
    background:             #202020;
    font:                   62.5% Arial, Verdana, Calibri, sans-serif;
    color:                  #dddddd;
    padding-top:            0px;
    padding-bottom:         25px;
    margin:                 0px;
}

#bodycontainer {
    display:                block;
    position:               absolute;
    left:                   15%;
    width:                  70%;
    min-height:             100%;
    padding-bottom:         25px;
    color:                  #000000;
}

#maincontainer{
    overflow:               hidden;
    background:             #000000;
    color:                  white;
    margin-top:             50px;
    min-height:             100%;
    height:                 100%;
    display:                block;
    position:               absolute;
    width:                  100%;
}

#navbar{
    display:                block;
    width:                  100%;
    height:                 30px;
    background-color:       #0fa0cd;
    margin-top:             70px;
}

#footer {
    bottom:                 0px;
    position:               fixed;
    font:                   1.2em arial;
    display:                block;
    width:                  70%;
    height:                 20px;
    background-color:       #0fa0cd;
    border-top:             1px solid #000;
}

.newspost{
    background-color:       #212121;
    width:                  95%;
    margin:                 0 auto;
    margin-top:             25px;
    -moz-border-radius:     5px;
    -webkit-border-radius:  5px;
    border-radius:          5px;
    border:                 2px solid #474545;
    
}

.newspost .header{
    display:                block;
    width:                  100%;
    height:                 25px;
    background-color:       #0fa0cd;
    text-indent:            20px;
    -moz-border-radius:     5px;
    -webkit-border-radius:  5px;
    border-radius:          5px;
}
.newspost .postInfomation{
    display:                block;
    width:                  100%;
    height:                 10px;
    font-size:              8px;
    color:                  #858585;
    text-indent:            5px;
    padding-top:            4px;
}
.newspost .newspostbody{
    background-color:       #303030;
    width:                  98%;
    margin:                 0 auto;
    margin-top:             5px;
    -moz-border-radius:     15px;
    -webkit-border-radius:  15px;
    border-radius:          15px;
    border:                 2px solid #474545;
    text-indent:            5px;
    margin-bottom:          5px;
    padding-top:            5px;
    padding-bottom:         10px;
}
.newspost .tag{
    background-color:       #303030;
    width:                  98%;
    margin:                 0 auto;
    -moz-border-radius:     5px;
    -webkit-border-radius:  5px;
    border-radius:          5px;
    text-indent:            5px;
    margin-bottom:          5px;
}


.notification {
    background-color:       #99ff99;
    color:                  #009999;
    font-weight:            bold;
    margin:                 10px;
    padding:                10px;
    border-style:           solid;
    border-width:           1px;
    font-size:              1.3em;
}

.red {
    background-color:       #ff0033;
    color:                  #ffffff;
}

#header{
    display:                block;
    width:                  100%;
    height:                 35px;
    background-color:       #303030;
    margin-bottom:          5px;
    border-bottom:          2px solid black;
}
textarea{
    background-color:       #cecece;
    -moz-border-radius:     5px;
    -webkit-border-radius:  5px;
    border-radius:          5px;
    /*padding:                10px;*/
    margin:                 0 auto;
    outline:                none;
}
input {
    background-color:       #303030;  
    height:                 20px; 
    color:                  #FFFFFF; 
    font-size:              0.9em; 
    padding-left:           5px; 
    padding-right:          5px;
    -moz-border-radius:     5px;
    -webkit-border-radius:  5px;
    border-radius:          5px;
}

input:hover {
    background-color:       #555555; 
    color:                  #FFFFFF;
}

input:focus {
    background-color:       #0fa0cd;
    outline:                none
}
label{
    font-size:              0.8em;
    border-bottom:          none;
}

#bbcodeeditor {
    width:                  90%;
    margin:                 0 auto;
}

#bbcodeeditor textarea {
    width:                  80%;
    margin:                 0 auto;
    padding:                10px;
    display:                block;
    
}

#bbcodeeditor #toolset {
    height:                 15px;
    background-color:       #303030;
    padding:                10px;
    margin:                 5px;
}

#bbcodeeditor #toolset li {
    display:                inline;
    margin-right:           2px;
    margin-top:             5px;
    cursor:                 pointer;
    background-color:       #dddddd;
    color:                  #000000;
    padding:                5px;
    border-style:           solid;
    border-width:           2px;
    border-color:           #555555;
}

#bbcodeeditor #toolset li:hover {
    background-color:       #0fa0cd;
    color:                  #FFFFFF;
    border-color:           #99ffff;
}

.black_overlay {
    display:                none;
    position:               fixed;
    top:                    0%;
    left:                   0%;
    width:                  100%;
    height:                 100%;
    background-color:       black;
    z-index:                9998;
    -moz-opacity:           0.8;
    opacity:                .80;
    filter:                 alpha(opacity=80);
}
 
.white_content {
    color:                  #000000;
    display:                none;
    position:               fixed;
    top:                    50%;
    left:                   50%;
    width:                  80%;
    height:                 80%;
    margin-top:             -40%;
    margin-left:            -40%;
    
    padding:                16px;
    border:                 16px solid orange;
    background-color:       white;
    z-index:                9999;
    overflow:               auto;
    
}

.queryvalue {
    width:400px;
    height:200px;
    margin-top:-100px;
    margin-left:-200px;
}

.flash_uploader
{
    width:400px;
    height:150px;
    margin-top:-75px;
    margin-left:-200px;
}